昨天做了的事情Demo一下，如下圖。

1.會出現新功能，大膽點他。

2.就會跳到這一頁，這邊出現的文章列表是用PartialView做的

今天開始撰寫模糊查詢、串接後端資料。

目標：
1.串接後端
2.模糊查詢

步驟：
step1.

[HttpGet("Article/AjaxSearch/{id}")]
        public async Task<IActionResult> AjaxSearch(string id)
        {
            var model = await _article.VagueSearchAsync(id);
            var result = new List<ArticleViewModel>();

            if (model is not null && model.Count > 0)
            {
                result = model.Select(x => new ArticleViewModel
                {
                    Id = x.Id,
                    ArticleContent = x.ArticleContent,
                    Title = x.Title
                }).ToList();
            }

            return PartialView("../PartialViews/_ArticlePartialView", result);
        }

step2.

public async Task<IList<Article>> VagueSearchAsync(string id)
        {
            return await _db.Articles
            .Where(x => x.IsDelete == false && x.Title.Contains(id))
            .OrderByDescending(x => x.Id)
            .ToListAsync();
        }

加上去之後就可以看到效果囉可以自己玩玩看~ 明天再來看看成果和統整。